<template>
  <FormPanel ref="orderPanel" :labelWidth="60" :list="listForm" :cols="4" :isSubmitBtn="false"></FormPanel>
</template>

<script>
export default {
  name: 'CarInfo',
  props: {
    queryParams: Object
  },
  data() {
    return {
      // 显示的表单
      listForm: this.createListForm()
    };
  },
  methods: {
    createListForm() {
      const { LICENSE, vin, engineNo, ownerNo } = this.queryParams;
      return [
        {
          type: 'INPUT',
          label: '车牌号',
          fieldName: 'LICENSE',
          initialValue: LICENSE,
          disabled: true
        },
        {
          type: 'INPUT',
          label: 'VIN',
          fieldName: 'vin',
          initialValue: vin,
          disabled: true
        },
        {
          type: 'INPUT',
          label: '发动机号',
          fieldName: 'engineNo',
          initialValue: engineNo,
          disabled: true
        },
        {
          type: 'INPUT',
          label: '车主编号',
          fieldName: 'ownerNo',
          initialValue: ownerNo,
          disabled: true
        }
      ];
    }
  }
};
</script>

<style scoped></style>
